@charset "utf-8";
/* CSS Document */

.xydzp{
   width:75%;
   margin:0 auto;	
}
.kljgg{
   width:75%;
   margin:20px auto 10px auto;
   position:relative;
   overflow:hidden;	
}
.kljgg a.rolebtn{
   position:absolute;
   top:6%;
   right:2%;
   padding:4px 10px;
   border:1px #FFF solid;
   color:#FFF;
   font-size:12px;
   z-index:2;	
}
.dzp{
   width:83%;
   margin:0 auto;
   margin-top:-36px;
   position:relative;	
}
.dzp .zhizhen{
   width:12.4%;
   position: absolute; 
   left:43.8%; 
   top:40%;
   z-index:1;
}
.dzp a.rolebtn{
   position:absolute;
   bottom:0;
   left:-6%;
   padding:4px 10px;
   border:1px #FFF solid;
   color:#FFF;
   font-size:12px;
   z-index:2;	
}

a.go{ background:#FFF; padding:5px 22px; border-radius:5px; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#32D81C; }
.gift .row{ margin-left:-5px; margin-right:-5px; }
.gift [class*='col-']{ padding-left:5px; padding-right:5px; }


.jggbox{
   clear:both;
   position:relative;
}
.jggbox .cont{
   width:70.4%;
   height:68.48%;
   position:absolute;
   left:14.8%;
   top:8.8%;
   padding:6px;	
}
.jggbox .cont table tr td{
   padding:2px;
   text-align:center;
}
.jggbox .cont .toum{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); border-radius:5px; top:0; left:0; }
.jggbox .cont table tr td.active .toum{ display:none; }
.cover{
   position:fixed;
   background:rgba(0,0,0,0.5);
   width:100%;
   height:100%;
   left:0;
   top:0;
   z-index:9;
   display:none;	
}
.rolebox{
   width:90%;
   position:fixed;
   z-index:10;
   left:50%; 
   top:50%; 
   -webkit-transform:translate(-50%,-50%); 
   transform:translate(-50%,-50%); 
   display:none;
}
.rolebox .title{
   background:#362C51;
   color:#FFF;
   text-align:center;
   font-size:18px;
   border-top-left-radius:10px;
   border-top-right-radius:10px;
   border-bottom-left-radius:0px;
   border-bottom-right-radius:0px;
   line-height:40px;
   position:relative;	
}
.rolebox .title a{ position:absolute; display:block; width:20px; height:20px; float:none; right:10px; top:8px; }
.rolebox .cont{
   padding:20px;
   background:#FFF;	
   border-top-left-radius:0px;
   border-top-right-radius:0px;
   border-bottom-left-radius:10px;
   border-bottom-right-radius:10px;
   overflow:hidden;
}
.rolebox .cont a.btns{
   color:#E64834;
   border:1px #E64834 solid;
   display:block;
   line-height:30px;
   text-align:center;
   border-radius:30px;
   margin-top:15px;
}

.giftbg{
   width:85%;
   position:fixed;
   top:0;
   left:7.5%;
   z-index:12;
   display:none;	
}
.giftout{
   position:fixed;
   width:80%;
   left:10%;
   top:5%;
   background:#FA4F47;
   padding:10px;
   z-index:11;
   border-radius:10px;
   padding-top:20px;
   display:none;	
}
.giftclose{
   position:fixed;
   width:20px;
   height:20px;
   z-index:13;
   left:80%;
   top:7%;	
   display:none;
}
.giftout .org{
   color:#F9E607;	
}
.giftout .pad-h{ width:70%; margin:0 auto; }
.giftout a.btns{
   color:#E64834;
   background:#FFF;
   display:block;
   line-height:30px;
   text-align:center;
   border-radius:30px;
   margin-top:15px;
   width:40%;
   margin:0 auto;
}

.giftout1{
           position:fixed;
           width:80%;
           left:10%;
           top:30%;
           background:#FA4F47;
           padding:10px;
           z-index:11;
           border-radius:10px;
           padding-top:20px;
           display:none;
        }
        .giftout1 .org{
           color:#F9E607;
        }
        .giftout1 .pad-h{ width:70%; margin:0 auto; }
        .giftout1 a.btns{
           color:#E64834;
           background:#FFF;
           display:block;
           line-height:30px;
           text-align:center;
           border-radius:30px;
           margin-top:15px;
           width:40%;
           margin:0 auto;
        }
        .giftout1 a.btns{
            margin-left: 20px;
            float: left;
        }

